<template>
  <div class="ringdiv" style="width: 180px;height: 180px;background-color: #5555;position:relative;">
    <span style="font-size: 14px;position: absolute;top: 20px;left: 20px;">
      安防模块
    </span>
    <div class="fccc airdiv" style="margin-top: 20px;">
      <div class="safeitem fb" style="width: 100%;">
        <div>挪动告警</div>
        <div style="color: green;">
          状态正常
        </div>
      </div>
      <div class="safeitem fb" style="width: 100%;">
        <div>烟雾告警</div>
        <div style="color: green;">
          状态正常
        </div>

      </div>
      <div class="safeitem fb" style="width: 100%;">
        <div>开锁告警</div>
        <div style="color: green;">
          状态正常
        </div>

      </div>
    </div>
  </div>
</template>
<script>

import chartmixins from "../../chartmixins.js";

export default {
  props: [
  ],
  mixins: [chartmixins],
  components: {},
  data() {
    return {
      ringid: 'dfsdfs',
      rad: 0
    };
  },
  computed: {},
  watch: {},
  mounted() {
    this.rad = _.random(80, 100)


  },
  methods: {}
};
</script>
<style lang='scss' scoped>
.safeitem{
  margin: 10px 0px;
  padding: 0px 10px,
}
.airdiv{
  height: calc(100% - 22px);
  width: 100%;
}
</style>